<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./lib/bootstrap.css">
    <script src="./jQuery.js"></script>
    <script src="./lib/bootstrap.js"></script>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <header>
        <nav class="navbar navbar-default">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#"><img src="./images/rectanglelogo-greytext-orangebody-greymoons.png"
                            alt="">


                    </a>
                </div>
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right ">
                        <li><a href="#">尝试</a></li>
                        <li><a href="#">安装</a></li>
                        <li><a href="#">参与其中</a></li>
                        <li><a href="./z/Document.html">文档</a></li>
                        <li><a href="#">消息</a></li>
                        <li><a href="#">治理</a></li>
                        <li><a href="#">安全</a></li>
                        <li><a href="./z/Install.html">关于</a></li>
                    </ul>
                </div>
            </div>
        </nav>

    </header>

    <div class="banner ">
        <img src="./images/微信图片_20220704155155.png" alt="">
        <div class="container">

            <p>
                Free software, open standards, and web services for interactive computing across all programming
                languages
            </p>

        </div>
    </div>
    <div class="content_1">
        <div class="row">
            <div class="col-sm-6"><img src="./images/1.webp" alt=""></div>
            <div class="col-sm-6">
                <h2>
                    JupyterLab: A Next-Generation Notebook Interface
                </h2>
                <p>JupyterLab 是最新的基于 Web 的笔记本、代码和数据交互式开发环境。其灵活的界面允许用户配置和安排数据科学、科学计算、计算新闻和机器学习方面的工作流程。模块化设计邀请扩展来扩展和丰富功能。
                </p>
                <a href="JavaScript:;"><span>在浏览器中尝试</span></a>
                <a href="javascript:;"><span>安装javaScript</span></a>
            </div>
        </div>
    </div>



    <div class="content_1" style="background-color: #fff;">
        <div class="row">
            <div class="col-sm-6"><img src="./images/2.webp" alt=""></div>
            <div class="col-sm-6">
                <h2>
                    Jupyter Notebook： The Classic Notebook Interface
                </h2>
                <p>The Jupyter Notebook is the original web application for creating and sharing computational
                    documents. It offers a
                    simple, streamlined, document-centric experience.
                </p>
                <a href="JavaScript:;"><span>在浏览器中尝试</span></a>
                <a href="javascript:;"><span>安装javaScript</span></a>
            </div>
        </div>
    </div>


    <div class="content_2">
        <div class="row">
            <div class="col-xs-12 col-md-3">
                <div class="thumbnail">
                    <img src="./images/language.png" alt="...">
                    <div class="caption">
                        <h3>Language of choice</h3>
                        <p>Jupyter supports over 40 programming languages, including Python, R, Julia, and Scala.</p>

                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-md-3">
                <div class="thumbnail">
                    <img src="./images/share.png" alt="...">
                    <div class="caption">
                        <h3>Share notebooks</h3>
                        <p>Notebooks can be shared with others using email, Dropbox, GitHub and the Jupyter Notebook
                            Viewer.</p>

                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-md-3">
                <div class="thumbnail">
                    <img src="./images/spark.png" alt="...">
                    <div class="caption">
                        <h3>Language of choice</h3>
                        <p>Jupyter supports over 40 programming languages, including Python, R, Julia, and Scala.</p>

                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-md-3">
                <div class="thumbnail">
                    <img src="./images/widget.png" alt="...">
                    <div class="caption">
                        <h3>Language of choice</h3>
                        <p>Jupyter supports over 40 programming languages, including Python, R, Julia, and Scala.</p>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="content_3">
        <img src="./images/3.svg" alt="">
        <p>A multi-user version of the notebook designed for companies, classrooms and research <br />labs
        </p>
        <div class="row">
            <div class="col-xs-12 col-md-3">
                <div class="thumbnail">
                    <img src="./images/authentication.png" alt="...">
                    <div class="caption">
                        <h3>Pluggable authentication</h3>
                        <p>Jupyter supports over 40 programming languages, including Python, R, Julia, and Scala.</p>

                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-md-3 wo">
                <div class="thumbnail">
                    <img src="./images/central.png" alt="...">
                    <div class="caption">
                        <h3>Centralized deployment</h3>
                        <p>Deploy the Jupyter Notebook to thousands of users in your organization on centralized
                            infrastructure on- or off-site.</p>

                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-md-3 wo">
                <div class="thumbnail">
                    <img src="./images/container.png" alt="...">
                    <div class="caption">
                        <h3>Language of choice</h3>
                        <p>Jupyter supports over 40 programming languages, including Python, R, Julia, and Scala.</p>

                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-md-3">
                <div class="thumbnail">
                    <img src="./images/data.png" alt="...">
                    <div class="caption">
                        <h3>Container friendly</h3>
                        <p>Use Docker and Kubernetes to scale your deployment, isolate user processes, and simplify
                            software installation.</p>

                    </div>
                </div>
            </div>
        </div>
        <span>了解有关javaScript的更多信息</span>
        <i></i>
    </div>
    <div class="content_1" style="background-color:#fff ; padding-bottom: 60px;">
        <div class="row">
            <div class="col-sm-6"><img src="./images/4.webp" alt=""></div>
            <div class="col-sm-6">
                <h2>
                    Voilà: Share your results
                </h2>
                <p>Voilà helps communicate insights by transforming notebooks into secure, stand-alone web applications
                    that you can
                    customize and share.
                </p>
                <a href="JavaScript:;"><span>在浏览器中尝试</span></a>
                <a href="javascript:;"><span>安装javaScript</span></a>
            </div>
        </div>
    </div>
    <div class="content_4">
        <p>Currently in use at</p>
        <ul>
            <li><img src="./images/1 (1).svg" alt=""></li>
            <li><img src="./images/1 (2).svg" alt=""></li>
            <li><img src="./images/1 (3).svg" alt=""></li>
            <li><img src="./images/1 (4).svg" alt=""></li>
            <li><img src="./images/1 (5).svg" alt=""></li>
            <li><img src="./images/1 (6).svg" alt=""></li>
            <li><img src="./images/1 (7).svg" alt=""></li>
            <li><img src="./images/1 (8).svg" alt=""></li>
            <li><img src="./images/1 (9).svg" alt=""></li>
            <li><img src="./images/1 (10).svg" alt=""></li>
            <li><img src="./images/1 (11).svg" alt=""></li>
            <li><img src="./images/1 (12).svg" alt=""></li>
            <li><img src="./images/1 (13).svg" alt=""></li>
            <li><img src="./images/1 (14).svg" alt=""></li>
            <li><img src="./images/1 (15).svg" alt=""></li>
            <li><img src="./images/1 (16).svg" alt=""></li>
            <li><img src="./images/1 (17).svg" alt=""></li>
            <li><img src="./images/1 (18).svg" alt=""></li>
            <li><img src="./images/1 (19).svg" alt=""></li>
            <li><img src="./images/1 (20).svg" alt=""></li>
            <li><img src="./images/1 (21).svg" alt=""></li>
            <li><img src="./images/1 (22).svg" alt=""></li>
            <li><img src="./images/1 (23).svg" alt=""></li>
            <li><img src="./images/1 (24).svg" alt=""></li>
            <li><img src="./images/1 (25).svg" alt=""></li>
            <li><img src="./images/1 (26).svg" alt=""></li>
            <li><img src="./images/1 (27).svg" alt=""></li>
            <li><img src="./images/1 (28).svg" alt=""></li>
            <li><img src="./images/1 (29).svg" alt=""></li>
        </ul>
    </div>
    <!-- 这里应该是用flex写的 但懒的改了 将就这看吧 -->
    <div class="content_5">
        <h2>Open Standards for Interactive Computing</h2>
        <p>Project Jupyter promotes open standards that third-party developers can</p>
        <p>leverage to build customized applications. Think HTML and CSS for interactive<br />computing on the web.</p>
        <div class="container content_6">
            <div class="row">
                <div class="col-sm-12 col-lg-4">
                    <div class="thumbnail">
                        <img src="./images/50.svg" alt="...">
                        <div class="caption">
                            <h3>Notebook Document Format</h3>
                            <p>Jupyter Notebooks are an open document format based on JSON. They contain a complete
                                record
                                of the user's sessions and
                                include code, narrative text, equations, and rich output.</p>

                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-lg-4">
                    <div class="thumbnail">
                        <img src="./images/50.svg" alt="...">
                        <div class="caption">
                            <h3>Interactive Computing Protocol</h3>
                            <p>The Notebook communicates with computational Kernels using the Interactive Computing
                                Protocol, an open network protocol
                                based on JSON data over ZMQ, and WebSockets.</p>

                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-lg-4">
                    <div class="thumbnail">
                        <img src="./images/50.svg" alt="...">
                        <div class="caption">
                            <h3>The Kernel</h3>
                            <p>Kernels are processes that run interactive code in a particular programming language and
                                return output to the user.
                                Kernels also respond to tab completion and introspection requests.</p>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="content_7">
        <div>
            <ul>
                <li><a href="javascript:;">
                        <h2>Project Jupyter</h2>
                    </a></li>
                <li><a href="javascript:;">Try</a></li>
                <li><a href="javascript:;">Install</a></li>
                <li><a href="javascript:;">Get Involved</a></li>
                <li><a href="javascript:;">Documentation</a></li>
                <li><a href="javascript:;">News</a></li>
                <li><a href="javascript:;">Governance</a></li>
                <li><a href="javascript:;">Security</a></li>
                <li><a href="javascript:;">About</a></li>
            </ul>
            <ul>
                <li><a href="javascript:;">
                        <h2>Subprojects</h2>
                    </a></li>
                <li><a href="javascript:;">Binder</a></li>
                <li><a href="javascript:;">JupyterHub</a></li>
                <li><a href="javascript:;">JupyterLab</a></li>
                <li><a href="javascript:;">Jupyter Notebook</a></li>
                <li><a href="javascript:;">Voilà</a></li>
                <li><a href="javascript:;">Widgets</a></li>
            </ul>
            <ul>
                <li><a href="javascript:;">
                        <h2>Follow us</h2>
                    </a></li>
                <li><a href="javascript:;">GitHub</a></li>
                <li><a href="javascript:;">Twitter</a></li>
            </ul>
        </div>
    </div>
    <div class="content_8">
        <div>
            <img src="./images/rectanglelogo-blacktext-blackbody-blackplanets.svg" alt="">
            <p>Jupyter 商标已在美国专利商标局注册。</p>
        </div>
    </div>
</body>

</html>